<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    <input type="button" id="open" value="打开">
    <input type="button" id="close" value="关闭">
</body>
<script>

    // 参数：弹出的信息
    // 返回值：undefined
    // 功能：弹出信息框
    // var res = alert("hello alert");
    // console.log(res);
    
    // 参数：弹出的信息
    // 返回值：确定时：输入的信息，取消时：null
    // 功能：弹出对话框
    // var res = prompt("hello prompt");
    // console.log(res);
    
    // 参数：弹出的信息
    // 返回值：确定时：true，取消时：false
    // 功能：弹出选择框
    // var res = confirm("hello confirm");
    // console.log(res);

    var o = document.querySelector("#open");
    var c = document.querySelector("#close");

    o.onclick = function(){
        // 打开一个指定的新窗口
        open("http://www.baidu.com");
    }

    c.onclick = function(){
        if( confirm("你真的要关闭本窗口了吗？") ){
            // 关闭当前窗口
            close();
        }
    }


</script>
</html>